body { background-color: #fff; }
#main { }

.header { width: 100%; position: fixed; top: 0px; height: 46px; background-color: #30baee; text-align: center; line-height: 46px; font-size: 16px; color: #fff; }
.header span.prev { font-size: 12px; display: inline-block; height: 30px; position: absolute; left: 5px; top: 8px; padding: 0px 15px; line-height: 30px; background-color: #34c7fe; color: #fff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.header span.next { font-size: 12px; display: inline-block; height: 30px; position: absolute; right: 5px; top: 8px; padding: 0px 15px; line-height: 30px; background-color: #34c7fe; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.menu { width: 113px; height: auto; position: fixed; bottom: 12px; right: 5px; }
.menu .item { width: 34px;background-color:#fff; height: 34px; border: 1px solid rgba(76, 76, 76, 0.27); text-align: center; float: left; border-radius: 4px; }
.menu .item:first-child { border-right-width: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.menu .item:nth-child(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.menu .item:last-child { margin-left: 5px; }
.menu .item span { font-size: 21px; line-height: 34px; color: #c9c4c9; }
.menu .item.cur span { color: #30baee; }
.menu .item.one{ border: 1px solid rgba(76, 76, 76, 0.27); border-radius: 4px; }
.shadow { display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(55, 56, 56, 0.57); }
.serach { display: none; position: fixed; width: 100%; max-width: 640px; height: 200px; bottom: 0px; background-color: #fff; }
.serach .box { padding: 20px; }
.serach .box .item { height: 40px; clear: both; }

.serach .box .item.rowa div { width: 33%; height: 40px; float: left; line-height: 40px; color: #9e999e; }
.serach .box .item.rowa div i { font-size: 14px; vertical-align: middle; }
.serach .box .item.rowa div span { font-size: 14px; padding-left: 5px; vertical-align: middle; }
.serach .box .item.rowa div.cur { color: #30baee; }

.serach .box .item.rowb { height: 36px; padding: 2px 0px; }
.serach .box .item.rowb > div { width: 46%; float: left; font-size:12px;}
.serach .box .item.rowb > div div { padding-right: 10px; }
.serach .box .item.rowb > div:nth-child(2) { width: 8%; text-align: center; line-height: 40px; }
.serach .box .item.rowb > div input { width: 100%; height: 36px; border: 1px solid #cbc6cb; padding: 0px 4px; }

.serach .box .item button { width: 100%; height: 40px; background-color: #30baee; color: #fff; }


.an-up { -webkit-animation-name: an-up; animation-name: an-up; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes an-up {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes an-up {
    0% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.an-down { animation: an-down 0.3s linear; -webkit-animation: an-down 0.3s linear; }

@-webkit-keyframes an-down {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@keyframes an-down {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
}












#txtPannel { padding: 0px 5px; }
#txtPannel .item-title { height: 32px; line-height: 32px; font-size: 14px; color: #000; padding-left: 8px;/*background-color:#5dcef8;color:#fff;*/ }
#txtPannel .item-table { }
#txtPannel .item-table table { width: 100%; border-collapse: collapse; border: 1px solid #ededed; }
#txtPannel .item-table table tr th { height: 24px; font-size: 12px; border: 1px solid #ededed; background-color: #f8f8f8; }
#txtPannel .item-table table tr td { height: 24px; vertical-align: middle; font-size: 12px; border: 1px solid #ededed; color: #000000; }
#txtPannel .item-table table tr:nth-child(2n) { }
#txtPannel .item-table table tr span { padding-left: 8px; }
#txtPannel .item-table table tr th.c, #txtPannel .item-table table tr td.c { text-align: center; }
#txtPannel .item-table table tr th.r, #txtPannel .item-table table tr td.r { text-align: right; }
#txtPannel .item-table table tr th.r span, #txtPannel .item-table table tr td.r span{ padding-right: 8px; }
#txtPannel .item-total { }


#txtPannel .item-table table.tb-a tr:last-child th:nth-child(1) { width: 15%; color: #2fc112; }
#txtPannel .item-table table.tb-a tr:last-child th:nth-child(2) { width: 15%; color: #2fc112; }
#txtPannel .item-table table.tb-a tr:last-child th:nth-child(3) { width: 15%; color: #274bdb; }
#txtPannel .item-table table.tb-a tr:last-child th:nth-child(4) { width: 15%; color: #274bdb; }

#txtPannel .item-table table.tb-a tr td:nth-child(1) {color:#000;font-weight:bold; }
#txtPannel .item-table table.tb-a tr td:nth-child(1) span.sp { font-weight:normal;padding-left:18px;}
#txtPannel .item-table table.tb-a tr td:nth-child(2) { width: 18%; color: #2fc112; }
#txtPannel .item-table table.tb-a tr td:nth-child(3) { width: 18%; color: #2fc112; }
#txtPannel .item-table table.tb-a tr td:nth-child(4) { width: 18%; color: #274bdb; }
#txtPannel .item-table table.tb-a tr td:nth-child(5) { width: 18%; color: #274bdb; }

#txtPannel .item-table table.tb-aw tr td:nth-child(1) {color:#000;font-weight:bold; }
#txtPannel .item-table table.tb-aw tr td:nth-child(1) span.sp { font-weight:normal;padding-left:18px;}
#txtPannel .item-table table.tb-aw tr td.co01{ background-color: #fbfbfe;color: #c10c05; }
#txtPannel .item-table table.tb-aw tr td.co02{ background-color: #fff;color:#274bdb; }
#txtPannel .item-table table.tb-aw tr td.co03{ background-color: #fbfbfe;color:#2fc112; }

#txtPannel .item-table table.tb-b tr td:nth-child(1) {font-weight:bold; }
#txtPannel .item-table table.tb-b tr td:nth-child(2) { width: 18%;  }
#txtPannel .item-table table.tb-b tr td:nth-child(3) { width: 18%; color: #2fc112;}
#txtPannel .item-table table.tb-b tr td:nth-child(4) { width: 18%; }
#txtPannel .item-table table.tb-b tr td:nth-child(5) { width: 18%; color: #274bdb; }
#txtPannel .item-table table.tb-b tr td { }

#txtPannel .item-table table.tb-c tr th:last-child { width:18%;}
#txtPannel .item-table table.tb-c tbody{ }

#txtPannel .item-table table.tb-d tr th:last-child { width:30%;}
#txtPannel .item-table table.tb-d tr td:last-child { width:30%;}
#txtPannel .item-table table.tb-d tr td:nth-child(2){color: #2fc112; }
#txtPannel .item-table table.tb-d tr td:first-child span{font-weight: bold;}
#txtPannel .item-table table.tb-d tr td:last-child span{ color: #274bdb;}
#txtPannel .item-table table.tb-d tbody{ }


.disabled { pointer-events: none; }